import {View} from '@tarojs/components'
export const ShareDevCard: React.FC<{
  devName: string
  time: string
  devTarget: string
  user: string
  belongUser: string
  onClick?: Function
}> = ({devName, devTarget, time, user, belongUser, onClick}): JSX.Element => {
  return (
    <View
      className={`p-16 rounded-12 bg-white mb-12`}
      onClick={() => {
        onClick && onClick()
      }}
    >
      <View className="flex mb-6">
        <View className="hanzi text-14 font-medium flex-1 truncate">
          {devName}
        </View>
        <View className="notHanzi text-11 text-xxx_text">{time}</View>
      </View>
      <View className="flex items-center">
        <View className="hanzi text-13 text-x_text text-medium mr-14">
          {devTarget}
        </View>
        <View className="hanzi text-11 flex-1" style={{color: '#4F82AF'}}>
          {user}
        </View>
        <View className="hanzi text-13 text-x_text">{belongUser}</View>
      </View>
    </View>
  )
}
